/* CSS Document */

body{ margin:0; padding:0; font-family:"微软雅黑"; min-width:980px; background:#fff; font-size:12px; color:#666; }
img { border:none;}
ul,li{ list-style:none; margin:0px; padding:0px;}
h1,h2,h3,h4,h5,h6,p,ul,ol,li,form,img,dl,dt,dd,table,th,td,blockquote,fieldset,div,strong,label,em{margin:0;padding:0;border:0;}
a{ text-decoration:none; color:#666; font-family:"微软雅黑";}

#header_zon{ width:100%; height:137px; background:url(../images/t-b.jpg) repeat-x;}
#header{ width:1007px; margin:0 auto;height:138px;overflow: hidden;}
#logo{ float:left;}
#top_right{ float:right; width:455px;}

#nav_zon{ width:100%; background:#0b59ac; height:45px;}
.nav{ width:1007px; margin:0 auto;}
.nav ul li{ float:left;}
.nav ul li a{ color:#fff; display:block; float:left; width:105px; text-align:center; font-size:16px; line-height:45px;}

#bg{ width:100%; background:#eeeeee;padding-top:10px; float:left;}
#banner{ width:1007px; margin:0 auto; background:#fff; height:284px; text-align:center;}
#clear{ clear:both;}
#content_zon{ width:1007px; margin:10px auto;}
#content{ width:987px; margin:10px auto; padding:15px 10px; background:#fff; float:left;}
#con_left{ width:250px; float:left;}
#con_right{ width:720px; float:right;}
#biaoti{ background:#0b59ac; height:32px; color:#fff; line-height:30px; font-size:14px; padding:0 10px;}
#biaoti b{ float:left;}
#biaoti span{ float:right;}
#left_bottom{ margin-top:10px;}
.contact_con{ line-height:30px; padding:0 10px; font-size:14px}
.about_con{ padding-top:15px; border:1px solid #ccc; height:230px; border-top:none; margin-bottom:25px;}
.tp{ float:left; margin:20px 10px;}
.wz{ float:left; line-height:25px; padding:0 10px; width:530px;}
.wz1{line-height:25px; padding:20px 10px;}
#footer_zon{ width:100%; border-top:3px solid #0b59ac;}
#footer{ width:1007px; margin:10px auto; text-align:center; line-height:25px;}
/*-- 产品目录 --*/
#pro_nav{ margin-bottom:10px;}
.pro_nav{ margin-top:10px; padding:0 10px;}
.pro_nav li{ line-height:24px; margin-top:5px;}
.pro_nav li .dla{ border-bottom:1px dashed #ddd; width:205px;}
.pro_nav li a{ background:url(../images/icon1.jpg) 3px no-repeat; padding-left:20px; width:140px;overflow:hidden; display:block; height:24px; color:#000; padding-right:5px;}
.pro_nav li .wc{ float:left}
.pro_nav li ul li{ line-height:30px; height:24px; overflow:hidden; padding-left:12px; border-bottom:1px dashed #ddd;}
.pro_nav li ul li a{ background:url(../images/li_fh.gif) 5px no-repeat; height:24px; line-height:24px; display:block; color:#333;}
/*--产品展示--*/
#pro_zs_box{ margin:10px 0; }
#pro_ul{ padding:15px 10px 10px 10px; *padding:15px 5px 10px 10px;  clear:both; overflow:hidden; border:1px solid #ccc; border-top:none; }
#pro_ul #ind_pro_img{ text-align:center; width:125px; float:left; margin:0px 25px 10px 20px;_margin:0px 25px 10px 10px;}

#pro_ul .proimg_bk{ width:125px; height:125px; border:1px solid #ddd;}
#pro_ul1{ padding:15px 10px 10px 10px; *padding:15px 5px 10px 10px;  clear:both; overflow:hidden; }
#pro_ul1 #ind_pro_img{ text-align:center; width:125px; float:left; margin:0px 25px 10px 20px;_margin:0px 25px 10px 10px;}

#pro_ul1 .proimg_bk{ width:125px; height:125px; border:1px solid #ddd;}

#ind_pro_img .proimg{width:120px;text-align:center;border:1px solid #fff;line-height:125px;height:125px;font-size:125px;}
*>#ind_pro_img .proimg{font-size:12px;}
#ind_pro_img img {vertical-align:middle;}

#pro_ul span{ font-size:12px; line-height:24px; height:50px; overflow:hidden; font-weight:normal; text-align:center; display:block;}
#pro_ul span a{ color:#333;}
#pro_ul span a:hover{color:#ff6600;}

#pro_ul1 span{ font-size:12px; line-height:24px; height:50px; overflow:hidden; font-weight:normal; text-align:center;display:block;}
#pro_ul1 span a{ color:#333;}
#pro_ul1 span a:hover{color:#ff6600;}


/*新闻*/
#ny_newslb_box{ padding:10px; clear:both;}
#ny_newslb_box li{ height:35px;line-height:35px; background:url(../images/ico.jpg) no-repeat 0px 13px; border-bottom:1px dashed #ddd; font-size:12px; padding-left:20px; overflow:hidden;}
#ny_newslb_box li a{ color:#444; float:left;}
#ny_newslb_box li a:hover{color:#ff6600; }
#ny_newslb_box li span{ float:right; color:#999;}

/*新闻详细�?*/
.detail{ text-align:center; color:#333; font-weight:bold;}
.detail1{ text-align:center; margin-top:10px;}
.detail2{ line-height:25px; margin-top:15px; color:#333; padding:0 10px;}
.news_bottom2{ margin-top:20px;}


/*-------------产品详细页产品信�?--------------*/
#pro_jbzl_box{ border:1px solid #dddddd; clear:both; width:100%; font-size:12px; margin-top:15px;}
.xglb{ width:100%; clear:both; height:35px; line-height:35px; border-bottom:1px solid #ddd;}
.xglb h1{ float:left; font-size:14px;color:#333; padding-left:25px;}
.xglb h1 a{color:#333;}
.xglb h1 a:hover{ color:#ff7c00;}
.xglb .xglb_right{ float:right; margin-right:20px;}
.xglb .xglb_right a{ margin-right:10px; color:#0066CC; padding-left:15px; padding-top:3px;}
.xglb .xglb_right a:hover{ color:#ff7c00;}
.xglb .xglb_right .xglb_xl{ font-size:12px;}

.xglb_xl{_margin-top:7px;}

.pro_img{ float:left; _width:310px; margin-bottom:20px; margin-right:10px;}
#pro_text_box01{ float:left; padding-top:10px; line-height:20px; color:#333333; width:400px; _width:400px;}
#pro_text_box01 h1{ font-size:16px; color:#000; margin-bottom:10px;}
#pro_text_box01 table td{ line-height:24px;}
#pro_ssfl{ border:1px solid #0066CC; color:#0066CC; padding:0px 5px 0px 5px; display:block; float:left;}
#pro_ssfl:hover{ border:1px solid #FF6633; color:#FF6633; padding:0px 5px 0px 5px;}
#pro_text_box01 p{ width:385px;*width:355px; border:1px solid #fdd274; background:#fdf1d7; padding:10px; margin-top:10px; height:80px; overflow:hidden; color:#333333;}
#pro_an{ margin-top:20px;}
#pro_an a{ width:125px;height:35px; display:block; float:left; text-align:center; font-size:16px; color:#FFFFFF; line-height:35px;font-family:"Microsoft YaHei"}

#pro_text_box02{ clear:both;padding-top:10px; margin-top:20px;font-size:12px; line-height:24px;}
#pro_gsbt{ font-size:14px; color:#0066CC; border-bottom:3px solid #ddd; padding-bottom:5px; margin-bottom:10px;}

#pro_order{ clear:both; margin-top:15px;}



.prodetail_box{ clear:both; margin-bottom:10px; border-bottom:1px solid #ddd; padding:10px;}
.prodetail_img{ float:left; width:250px; margin-right:20px; text-align:center;}
.pro_text01{ float:left; line-height:24px;}
.pro_text01 p{ clear:both; margin-bottom:5px;}
.pro_text01 p b{ float:left; display:block; width:70px;}
.pro_text01 p span{ float:left; width:250px;}

#pro_xxnr_box{ clear:both; line-height:24px; font-size:12px;}
#pro_xxnr_box .bt{ height:30px; line-height:30px; background:#ddd; padding-left:15px; color:#333; font-size:14px; font-weight:normal; margin-bottom:15px;}
#pro_xxnr_box .xxbrbox{ padding:5px; width:700px; display:block; overflow:auto;}
#pro_xxnr_box .xxbrbox table{border: 0px solid #fff;border-collapse:collapse;}
#pro_xxnr_box .xxbrbox table td{ border:1px solid #ccc; padding-left:5px; font-size:12px;}


/* 产品LIST列表*/ 
#prolist_box{ padding:10px 10px 0 10px; clear:both;}
#prolist_box li{ clear:both; border-bottom:1px dashed #ddd; padding-bottom:10px; margin-bottom:10px;}
#prolist_box li .zh_img{ float:left;border:1px solid #ddd; line-height:100px; height:110px; width:110px; background:#fff; text-align:center;}
#prolist_box li .zh_text{ float:left; margin-left:10px; font-size:12px; width:500px; }
#prolist_box li .zh_text span{ font-size:14px; line-height:20px; font-weight:bold; margin-bottom:5px; height:20px; overflow:hidden;}
#prolist_box li .zh_text span a{ color:#333333;}
#prolist_box li .zh_text span a:hover{ color:#db1515;}
#prolist_box li .zh_text p{color:#666; line-height:20px; height:60px; overflow:hidden;}
#prolist_box li img{ vertical-align:middle; }

.pro_xxjsan{ background:url(../images/arr.gif) no-repeat left; padding-left:20px; display:block; color:#666; width:125px;}
.pro_xxjsan:hover{ color:#FF0000;}

#prolist_box li .zh_img span{width:100px;text-align:center;border:1px solid #fff;line-height:85px;height:100px;font-size:100px;}
*>#ind_pro_img .proimg{font-size:12px;}

.sousuo{ clear:both; padding-top:10px;*padding-top:0px; font-size:12px; line-height:22px; width:235px;}
.sousuo .ss_input{ float:right; width:150px; height:20px; background:url(../images/ss_bg.jpg) no-repeat left #fff; line-height:20px; border:1px solid #ccc; padding:0 3px 0 20px; color:#666;}
.sousuo .ss_an{ float:right; height:22px;  line-height:22px;width:50px; background:url(../images/ss_an.png) repeat-x; border:none; color:#fff;cursor:pointer;}


.proli_img{ width:145px; height:145px; border: 1px solid #ddd; float:left; margin-right:10px;}
.proli_img .proimg_bk{ width:145px; height:145px;position:relative;display:table-cell;text-align:center;vertical-align:middle;}
.proli_img .proimg_bk .proimg{width:145px;line-height:145px;height:145px;font-size:145px;text-align:center;position:static;+position:absolute;top:50%}
.proli_img .proimg_bk img {vertical-align:middle;position:static;+position:relative;top:-50%;left:-50%; max-width:140px; max-height:140px}

.proli_text{ float:left; font-size:12px; width:520px; margin-top:15px }
.proli_text b{ font-size:14px; line-height:20px; font-weight:bold; margin-bottom:5px; height:20px; overflow:hidden; display:block}
.proli_text b a{ color:#333333;}
.proli_text b a:hover{ color:#db1515;}
.proli_text p{color:#666; line-height:20px; height:75px; overflow:hidden;}
.proli_text .pro_mm{display:block; color:#999; width:125px;}


/*----��*banner----*/
#banner_Small{ height:284px; width: 1001px; margin:0 auto; background:#ddd; clear:both; position:relative; z-index:999}
#banner_Small .picBtnLeft { height:284px; position:relative; zoom:1; width:100%; overflow:hidden;}
/*----�����л���ť----*/
#banner_Small .picBtnLeft .hd {width:135px; height:10px; position:absolute; left:93%; margin-left:-30px; text-align:center; bottom:20px; z-index:10;  }
#banner_Small .picBtnLeft .hd ul { overflow:hidden; zoom:1; display:block; height:12px; width:110px; padding:5px 15px 5px 15px;}
#banner_Small .picBtnLeft .hd ul li {float:left; _display:inline; cursor:pointer; text-align:center;  width:20px; height:20px; background:#2696ff; overflow:hidden; margin:0px 2px; color:#fff}
#banner_Small .picBtnLeft .hd ul li.on { background:#fff!important; color:#666}

#banner_Small .picBtnLeft .bd {height:284px; position: absolute; width: 1001px;}
#banner_Small .picBtnLeft .bd img { height:284px; width:1001px; z-index:1;}
#banner_Small .picBtnLeft .bd li { position:relative; zoom:1; width:1001px;  display:inline-block; }
#banner_Small .picBtnLeft .bd li .pic { position:relative; z-index:0; line-height:0px; }
#banner_Small .picBtnLeft .bd li .bg { display:none;}
#banner_Small .picBtnLeft .bd li .title { display:none;}
#banner_Small .picBtnLeft .bd a img { padding-top: 0px!important}
/*---��*����----*/

#floatDivBoxs{width:170px;background:#fff;position:fixed;top:180px;right:0;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#285da3;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:0 14px;}
#floatDivBoxs .floatDqq li{height:45px;line-height:45px;font-size:15px;border-bottom:1px solid #e3e3e3; padding:0 0 0 50px;}
#floatDivBoxs .floatDtxt{font-size:14px;color:#333;padding:2px 14px;}
#floatDivBoxs .floatDtel{padding:0 0 5px 14px; font-size:14px; color:#285da3; font-weight:bold}
#floatDivBoxs .floatDtel img{display:block;}
#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(../images/qq_online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
#rightArrow{width:50px;height:45px;background:url(../images/qq_online_arrow.jpg) no-repeat;position:fixed;top:180px;right:170px;z-index:999;}
#rightArrow a{display:block;height:45px;}



/*----��ͨ��Ʒ����----*/
#demo{overflow:hidden; width:700px; height:186px; margin:0 auto;}
#demo #indemo{float:left; width:800%}
#demo #demo1{float:left;}
#demo #demo2{float:left;}
/*---��ͨ��Ʒ��������----*/